<template>
  <div class="app-main">
    <Header />
    <div class="router-view">
      <RouterView />
    </div>
    <Tabbar />
  </div>
</template>
<script setup lang="ts">
import Header from "../components/Header.vue";
import Tabbar from "./components/Tabbar.vue";
</script>
<style lang="less" scoped>
.app-main {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  .layout-header {
    width: 100%;
  }
  .layout-tabbar {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
  }
  .router-view {
    height: calc(100vh - var(--van-tabbar-height) - var(--van-nav-bar-height));
    overflow: auto;
  }
}
</style>
